﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testmenu.aspx.cs" Inherits="testmenu" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu-v.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="main">
		<div class="head">
			<div class="logo"><img src="images/logo.jpg" /></div>
			<div class="right-head">
				<div class="language">
					<p><a href="#"><img src="images/vn-flag.png" /></a></p>
					<p><a href="#"><img src="images/br-flag.png" /></a></p>
				</div>
				<div class="head-menu">
					<ul>
						<li><a href="#">Hướng dẫn</a>|</li>
						<li><a href="#">Giới thiệu </a>|</li>
						<li><a href="#">Dịch vụ</a>|</li>
						<li><a href="#">Liên hệ</a></li>
						<li class="fone"><a href="#">08 834 111</a></li>
					</ul>
				</div>
				<div class="slogan"><img src="images/slogan.png"/></div>
				<div class="sub-site">
					<div class="tintuc"><a href="#"><img src="images/icon-tt.png" />Tin tức</a></div>
					<div class="sitemap"><a href="#"><img src="images/icon-sm.png" />Sitemap</a></div>
				</div>
			</div>
			<%--<div class="menu">
				<ul>
					<li class="active"><a href="#"><span>Trang chủ</span></a></li>
					<li><a href="#"><span>Hệ thống mạng</span></a></li>
					<li><a href="#"><span>Datacenter</span></a></li>
					<li><a href="#"><span>Camera quan sát</span></a></li>
					<li><a href="#"><span>Thiết thị văn phòng</span></a></li>
					<li><a href="#"><span>Thiết bị an ninh</span></a></li>
					<li><a href="#"><span>Vật tư thi công</span></a></li>
				</ul>
			</div>--%>
			
			
			
		</div>
		<%--<div id="smoothmenu1" class="ddsmoothmenu">
                <ul>
                    <li style="width:115px;"><a href="http://www.dynamicdrive.com">Trang Chủ</a></li>
                    <li style="width:145px;"><a href="#">Hệ Thống Mạng</a>
                      <ul>
                      <li><a href="#">Sub Item 1.1</a></li>
                      <li><a href="#">Sub Item 1.2</a></li>
                      <li><a href="#">Sub Item 1.3</a></li>
                      <li><a href="#">Sub Item 1.4</a></li>
                      <li><a href="#">Sub Item 1.2</a></li>
                      <li><a href="#">Sub Item 1.3</a></li>
                      <li><a href="#">Sub Item 1.4</a></li>
                      </ul>
                    </li>
                    <li style="width:135px;"><a href="#">Data Center</a>
                      <ul>
                      <li><a href="#">Sub Item 1.1</a></li>
                      <li><a href="#">Sub Item 1.2</a></li>
                      <li><a href="#">Sub Item 1.3</a></li>
                      <li><a href="#">Sub Item 1.4</a></li>
                      <li><a href="#">Sub Item 1.2</a></li>
                      <li><a href="#">Sub Item 1.3</a></li>
                      <li><a href="#">Sub Item 1.4</a></li>
                      </ul>
                    </li>
                    <li style="width:150px;"><a href="#">Camare Quan Sát</a>
                        <ul>
                      <li><a href="#">Sub Item 2.1</a></li>
                      <li><a href="#">Folder 2.1</a>
                        <ul>
                        <li><a href="#">Sub Item 2.1.1</a></li>
                        <li><a href="#">Sub Item 2.1.2</a></li>
                        <li><a href="#">Folder 3.1.1</a>
		                    <ul>
    		                    <li><a href="#">Sub Item 3.1.1.1</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.2</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.3</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.4</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.5</a></li>
		                    </ul>
                        </li>
                        <li><a href="#">Sub Item 2.1.4</a></li>
                        </ul>
                      </li>
                      </ul>
                    </li>
                    <li style="width:165px;"><a href="#">Thiết Bị Văn Phòng</a>
                      <ul>
                      <li><a href="#">Sub Item 2.1</a></li>
                      <li><a href="#">Folder 2.1</a>
                        <ul>
                        <li><a href="#">Sub Item 2.1.1</a></li>
                        <li><a href="#">Sub Item 2.1.2</a></li>
                        <li><a href="#">Folder 3.1.1</a>
		                    <ul>
    		                    <li><a href="#">Sub Item 3.1.1.1</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.2</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.3</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.4</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.5</a></li>
		                    </ul>
                        </li>
                        <li><a href="#">Sub Item 2.1.4</a></li>
                        </ul>
                      </li>
                      </ul>
                    </li>
                    <li style="width:145px;"><a href="http://www.dynamicdrive.com/style/">Thiết Bị An Ninh</a>
                        <ul>
                      <li><a href="#">Sub Item 2.1</a></li>
                      <li><a href="#">Folder 2.1</a>
                        <ul>
                        <li><a href="#">Sub Item 2.1.1</a></li>
                        <li><a href="#">Sub Item 2.1.2</a></li>
                        <li><a href="#">Folder 3.1.1</a>
		                    <ul>
    		                    <li><a href="#">Sub Item 3.1.1.1</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.2</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.3</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.4</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.5</a></li>
		                    </ul>
                        </li>
                        <li><a href="#">Sub Item 2.1.4</a></li>
                        </ul>
                      </li>
                      </ul>
                    </li>
                    
                    <li style="width:145px;"><a href="http://www.dynamicdrive.com/style/">Vật Tư Thi Công</a>
                        <ul>
                      <li><a href="#">Sub Item 2.1</a></li>
                      <li><a href="#">Folder 2.1</a>
                        <ul>
                        <li><a href="#">Sub Item 2.1.1</a></li>
                        <li><a href="#">Sub Item 2.1.2</a></li>
                        <li><a href="#">Folder 3.1.1</a>
		                    <ul>
    		                    <li><a href="#">Sub Item 3.1.1.1</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.2</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.3</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.4</a></li>
    		                    <li><a href="#">Sub Item 3.1.1.5</a></li>
		                    </ul>
                        </li>
                        <li><a href="#">Sub Item 2.1.4</a></li>
                        </ul>
                      </li>
                      </ul>
                    </li>
            </ul>
                <br style="clear: left" />
            </div>--%>
   
   <div id="smoothmenu1" class="ddsmoothmenu">
                <ul>
                    <li><a href="<%=UIPage.AppPath %>">Trang chủ</a></li>
                    <asp:Repeater runat="server" ID="repMenu" OnItemDataBound="repMenu_OnItemDataBound">
                        <ItemTemplate>
                            <li><a onmouseout="Mouseout(<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>);" onmouseover="SetTopMenu(<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>);"
                                id="<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>" rel="dropmenu<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>"
                                href="<%#LinkHelper.LinkLoaiSanPhamCha(Eval("LoaiSanPhamID"))%>?tab=<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>">
                                <%#Eval("TenLoaiSanPham") %></a>
                                    <ul id="dropmenu<%#Convert.ToInt32( Eval("LoaiSanPhamID"))+1 %>" class="Sub-nemu ddsubmenustyle">
                                        <asp:Repeater runat="server" ID="repMenuCon" OnItemDataBound="repMenuCon_OnItemDataBound">
                                            <ItemTemplate>
                                                <li><a href='<%#LinkHelper.LinkLoaiSanPhamCon(Eval("LoaiSanPhamID"))%>?tab=<%#Convert.ToInt32( Eval("LoaiSanPhamChaID"))+1 %>'>
                                                    <%#Eval("TenLoaiSanPham") %></a>
                                                    <ul>
                                                        <asp:Repeater runat="server" ID="repMenuCon">
                                                            <ItemTemplate>
                                                                <li><a href='<%#LinkHelper.LinkLoaiSanPhamCon(Eval("LoaiSanPhamID"))%>?tab=<%#Convert.ToInt32( Eval("LoaiSanPhamChaID"))+1 %>'>
                                                                    <%#Eval("TenLoaiSanPham") %></a></li>
                                                            </ItemTemplate>
                                                        </asp:Repeater>
                                                    </ul>
                                                </li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </ul>
                        </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
                
                <!-- end the menuh-container div -->
            </div>
		<div class="content">
			<div class="left">
				<div id="navi">
					<div class="title"><h2>Danh mục hệ thống</h2></div>
					<div id="smoothmenu2" class="ddsmoothmenu-v">
                        <ul>
                            <li><a href="http://google.com.vn">Item 1</a></li>
                            <li><a href="http://vnexpress.net">Folder 0</a>
                              <ul>
                              <li><a href="#">Sub Item 1.1</a></li>
                              <li><a href="#">Sub Item 1.2</a></li>
                              <li><a href="#">Sub Item 1.3</a></li>
                              <li><a href="#">Sub Item 1.4</a></li>
                              <li><a href="#">Sub Item 1.2</a></li>
                              <li><a href="#">Sub Item 1.3</a></li>
                              <li><a href="#">Sub Item 1.4</a></li>
                              </ul>
                            </li>
                            <li><a href="#">Folder 1</a>
                              <ul>
                              <li><a href="#">Sub Item 1.1</a></li>
                              <li><a href="#">Sub Item 1.2</a></li>
                              <li><a href="#">Sub Item 1.3</a></li>
                              <li><a href="#">Sub Item 1.4</a></li>
                              <li><a href="#">Sub Item 1.2</a></li>
                              <li><a href="#">Sub Item 1.3</a></li>
                              <li><a href="#">Sub Item 1.4</a></li>
                              </ul>
                            </li>
                            <li><a href="#">Item 3</a></li>
                            <li><a href="#">Folder 2</a>
                              <ul>
                              <li><a href="#">Sub Item 2.1</a></li>
                              <li><a href="#">Folder 2.1</a>
                                <ul>
                                <li><a href="#">Sub Item 2.1.1</a></li>
                                <li><a href="#">Sub Item 2.1.2</a></li>
                                <li><a href="#">Folder 3.1.1</a>
		                            <ul>
    		                            <li><a href="#">Sub Item 3.1.1.1</a></li>
    		                            <li><a href="#">Sub Item 3.1.1.2</a></li>
    		                            <li><a href="#">Sub Item 3.1.1.3</a></li>
    		                            <li><a href="#">Sub Item 3.1.1.4</a></li>
    		                            <li><a href="#">Sub Item 3.1.1.5</a></li>
		                            </ul>
                                </li>
                                <li><a href="#">Sub Item 2.1.4</a></li>
                                </ul>
                              </li>
                              </ul>
                            </li>
                            <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
                        </ul>
                        <br style="clear: left" />
                    </div>
				</div>
				
			</div>
			
			
			
		</div>
		 <div class="footer">
	  	
		  <div class="name">
		  	<ul>
			<p> CÔNG TY TNHH CÔNG NGHÊ THÔNG TIN ITON
</span></p>
			<li>Địa chỉ:300/64 xô viết nghệ tĩnh, P.21, QBT, TPHCM
</li>
			<li>Điện thoại: 08-38991987, 08-38994985  
</li>
			<li>Email: www.iton.com.vn - Copytright@ by iton.com.vn</li>
			</ul>
		</div>
      </div>
	  </div>
    </form>
</body>
</html>
